<!DOCTYPE html>
<html>
<head>
    <title>disable</title>

    <link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/css">

    <style>
        html, body {
            height: 100%;
        }

        body {
            margin: 0;
            padding: 0;
            width: 100%;
            color: #B0BEC5;
            display: table;
            font-weight: 100;
            font-family: 'Lato', sans-serif;
        }

        .container {
            text-align: center;
            display: table-cell;
            vertical-align: middle;
        }

        .content {
            text-align: center;
            display: inline-block;
        }

        .title {
            font-size: 72px;
            margin-bottom: 40px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="content">
        <div class="title">{{$msg}}</div>
        <div class="title" id="msg">{{$time}}秒后跳转</div>
    </div>
</div>
<script>
    (function () {
        var times = 5;
        //console.log(/\d+/.re);
        setInterval(function() {
            times--;
            if (times <= 0) {
                location.href = '/login';
            } else {
                document.getElementById('msg').innerHTML = times + '秒后跳转';
            }
        }, 1000)
    })()
</script>
</body>
</html>
